<template>
    <div id="app">
        <Header></Header>
        <div id="main">
            <router-view/>
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
    import Header from "@/components/Header"
    import Footer from "@/components/Footer"

    export default {
        name: "App",
        components: {
            Header,
            Footer
        },
        data() {
            return {}
        },
        methods: {},
        created() {

        },
        mounted() {

        }
    }
</script>
<style lang="scss">
    * {
        margin: 0;
        padding: 0;
    }

    #main {
        margin: 0 auto;
        min-height: 570px;
    }
    #main:after{
        display: block;
        clear: both;
        content: "";
    }
</style>
